<?php
/** @ingroup boleto
 *  @brief View Upload Boleto Bancário
 */
?>
<style type="text/css">
.error{
    color: red;
    font-size: 12px;
}

#main{
    min-width: 880px;
}

.success{
    font-size: 12px;
}

.notProduct{
    font-size: 17px;
    color: red;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

input{
    text-transform: uppercase
}

.button-left{
    margin-top: -20px
}

#salvaProduto{
    font-size: 13px;
    margin-top: -5px
}

</style>

<script type="text/javascript">


 $(document).ready(function(){       

        $('#vencimento').mask('99/99/9999'); //data

        $('#salvaProduto').click(function() {
            boleto = $("#boleto").val()
            produto = $("#produto").val()
            valor = $("#valorProd").val()

            if(produto == '' && valor == ''){
                alert("Campos do produto são obritórios")
            }
            else{
                $.post("/sistema/interno/boleto/addprodutoboleto",{ boleto: boleto, produto: produto, valor: valor
                }, function(data){
                    $("#tabelaProd").html(data);
                }, "html");
            }
        });


        $("a.delprod").live("click", function () {
            id = $(this).attr("lang");
            boleto = $("#boleto").val()

            $.post("/sistema/interno/boleto/delprodutoboleto",{ id: id, boleto: boleto
            }, function(data){
                $("#tabelaProd").html(data);
            }, "html");
        });     
       
    })
</script>

<div id="content">
    <div id="main">
        <?

        $elementMessages = $this->formBoleto->getMessages();

        if (sizeof($elementMessages) > 0)
        {
            echo '<div class=error>';
            foreach ($elementMessages as $element)
            {
                foreach ($element as $message)
                {
                    echo $message.'<br >';
                }
            }
            echo '</div>';
        }
        
        if(isset($this->error)){
            echo '<div class=error>';
            echo $this->error;
            echo '</div>';
        }

        if(isset($this->success)){
            echo '<div class=success>';
            echo $this->success;
            echo '</div>';
        }
        ?>
       
        <h2><a href="#"><?=$this->breadcump1?></a> &raquo; <a href="#" class="active"><?=$this->breadcump2?></a></h2>

        <div id="tabs">
            <ul>
                    <li><a href="#tabs-1">Dados do Boleto</a></li>
                    <li><a href="#tabs-2">Produtos</a></li>
            </ul>
            <div id="tabs-1">
                <?=$this->formBoleto;?>
            </div>
            <div id="tabs-2">
                <?
                  if(isset($this->idBoleto)){
                ?>
                      <input name="submit" id="salvaProduto" type="button" class="button-left" value="Salvar">
                <?
                      echo $this->formProduto;
                ?>
                  <div id="tabelaProd">
                    <table class="normal" style="" cellpadding="0" cellspacing="0" border="0">
                        <thead>
                            <td width="100px">Boleto</td>
                            <td width="390px">Produto</td>
                            <td width="100px">Valor</td>
                            <td width="50px">Ação</td>
                        </thead>
                        <tbody>
                        <? foreach ($this->produtos as $produto): ?>
                        <tr>                           
                            <td><?=$produto->boleto?></td>
                            <td><?=$produto->produto?></td>
                            <td><?=number_format($produto->valor , 2, ",", ".");?></td>
                            <td>
                                <a title="Excluir" lang="<?=$produto->id?>" href="#" class="delprod"><img src="/sistema/interno/assets/icons/cross.png"></a>
                            </td>
                        </tr>
                        <? endforeach; ?>
                        </tbody>
                    </table>
                  </div>
                <?
                  }
                  else{
                      echo '<div class=notProduct>';
                      echo 'Primeiro efetue o cadastro do boleto ou localize um boleto no item de menu: Localizar';
                      echo '</div>';
                  }
                ?>
            </div>
        </div>

        <br >           
    </div>
</div>

<div id="sidebar">
        <h2>Navegação</h2>
        <ul>
                <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'index'),'',true)?>">Histórico</a></li>
                <li><a href="">Upload</a>
                    <ul>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'uploadboleto'),'',true)?>">Info Boletos</a></li>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'uploadproduto'),'',true)?>">Info Produtos</a></li>
                    </ul>
                </li>
                <li><a href="">Boletos</a>
                    <ul>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'admbanco'),'',true)?>">Administrar Bancos</a></li>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'geraboleto'),'',true)?>">Gerar PDF Boletos</a></li>
                    </ul>
                </li>
                <li><a href="">Operações</a>
                    <ul>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'cadastroboleto'),'',true)?>">Cadastro de boletos</a></li>
                        <li><a href="<? echo $this->url(array('controller' => 'boleto', 'action' => 'find'),'',true)?>">Localizar boletos</a></li>
                    </ul>
                </li>
        </ul>
</div>

